<%@ page language="java" pageEncoding="UTF-8" errorPage="error.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册-超级土豆</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="超级土豆刷钻平台，安全免费的淘宝刷钻平台，完全由用户人工模拟真实交易过程">
		<meta http-equiv="keywords" content="刷钻,刷钻平台,淘宝刷钻平台,刷信誉,淘宝刷信誉,互刷信誉,免费刷信誉,互刷平台,淘宝互刷">
		<meta http-equiv="description" content="超级土豆刷钻平台，安全免费的淘宝刷钻平台，完全由用户人工模拟真实交易过程">

		<link href="css/bootstrap.css" rel="stylesheet">
		<link href="css/bootstrap-responsive.css" rel="stylesheet">
		<link href="css/app.css" rel="stylesheet">
	</head>
	<body>
		<%@ include file="/common/header.jsp"%>
		<div id="content">
			<div class="container padding-top30">
				<div class="row">
					<div class="span12 margin-top30">
						<legend><strong>任务大厅</strong></legend>
					</div>
					<div class="span12 margin-left0 margin-bottom10">
						<div class="span8">
							<p class="muted"><span class="label label-important">注意：</span> 任务大厅只会显示最新的50条任务</p>
							<p class="muted"><span class="label label-important">注意：</span> <code class="muted">灰色用户名</code>，表示用户当前不在线；<code class="btn-danger">￥3000.00</code>，红色价格，表示价格不相等，拍下后，需等发布方改价</p>
							<div>
							    <label class="checkbox inline">
							    	<input type="checkbox" id="inlineCheckbox1" value="option1"> 立即任务
							    </label>
						    	<label class="checkbox inline">
							    	<input type="checkbox" id="inlineCheckbox2" value="option2"> 1小时任务
							    </label>
							    <label class="checkbox inline">
							   	 	<input type="checkbox" id="inlineCheckbox3" value="option3"> 1天任务
							    </label>
							    <label class="checkbox inline">
							   	 	<input type="checkbox" id="inlineCheckbox3" value="option3"> 2天任务
							    </label>
							    <label class="checkbox inline">
							   	 	<input type="checkbox" id="inlineCheckbox3" value="option3"> 3天任务
							    </label>
							</div>
							<br/>
							<div class="input-prepend inline-box">
								<span class="add-on">最低价</span>
								<input class="span1 inline margin-right10" type="text" placeholder="￥0.00">
							</div>
							<div class="input-prepend inline-box">
								<span class="add-on">最高价</span>
								<input class="span1 inline margin-right10" type="text" placeholder="￥3000">
							</div>
							<div class="input-prepend inline-box">
								<span class="add-on">最少金豆</span>
								<input class="span1 inline margin-right10" type="text" placeholder="0.00">
							</div>
							<div class="input-prepend inline-box">	
								<span class="add-on">最多金豆</span>
								<input class="span1 inline margin-right10" type="text" placeholder="15.00">
							</div>
						</div>
						<div class="span2 margin-top30">
							<div class="download-btn">
								<a class="btn" href="<%=basePath%>register.jsp">刷新</a>
							</div>
						</div>
					</div>
					<div class="span12 room-filter" data-spy="affix" data-offset-top="231" style="height: 29px">
						<table id="thead" class="table table-hover margin-bottom0 table-room table-condensed">
							<thead>
								<tr>
									<th>#</th>
									<th>任务编号</th>
									<th>发布方</th>
									<th>信誉</th>
									<th>任务价格</th>
									<th>金豆</th>
									<th>时长</th>
									<th>&nbsp;任务要求</th>
									<th>操作</th>
								</tr>
							</thead>
						</table>
					</div>
					<div class="span12 margin-bottom30" id="room-filter-space" style="display: none;"></div>
					<div class="span12" id="room-task">
						<table id="tbody" class="table table-hover table-middle table-room table-condensed">
							<tbody>
								<c:forEach begin="1" end="50" var="index" step="2">
								<tr>
									<td width="3%">${index}</td>
									<td width="15%">
										20121004112705877
									</td>
									<td width="16%">
										<code class="muted">fly_sky</code><br/>
										<span class="muted">等级：</span><img src="<%=basePath%>img/s_red_2.gif">
									</td>
									<td width="7%">
										<div class="progress progress-success progress-striped margin-bottom0 active">
											<div class="bar" style="width: 98%">98%</div>
										</div>
									</td>
									<td width="9%">
										<code class="btn-success">￥3000.00</code><br/>
									</td>
									<td width="5%"><span class="price">5.6</span>个</td>
									<td width="7%"><code>1天</code></td>
									<td>
										<table class="table-noline">
											<tr>
												<td width="25%"><code class="btn-warning">不带字</code></td>
												<td width="25%"><code class="btn-warning">拍前后聊</code></td>
												<td width="25%"><code class="btn-warning">来路保护</code></td>
												<td width="25%"><code class="btn-warning">指定地址</code></td>
											</tr>
											<tr>
												<td><code class="btn-success">月限3次</code></td>
												<td><code class="btn-success">审查小号</code></td>
												<td><code class="btn-success">审查信誉</code></td>
												<td><code class="btn-success">禁止新人</code></td>
											</tr>
										</table>
									</td>
									<td width="6%"><a class="btn btn-primary btn-small">接手</a></td>
								</tr>
								<tr>
									<td width="3%">${index + 1}</td>
									<td width="15%">
										20121004112705877
									</td>
									<td width="16%">
										<code class="online">caicai_vip</code><br>
										<span class="muted">等级：</span><img src="<%=basePath%>img/s_blue_5.gif">
									</td>
									<td width="7%">
										<div class="progress progress-danger progress-striped margin-bottom0 active">
											<div class="bar" style="width: 60%">60%</div>
										</div>
									</td>
									<td width="9%">
										<code class="btn-danger">￥3000.00</code><br/>
									</td>
									<td width="5%"><span class="price">5.6</span>个</td>
									<td width="7%"><code>1天</code></td>
									<td>
										<table class="table-noline">
											<tr>
												<td><code class="btn-warning">不带字</code></td>
												<td><code class="btn-warning">拍前后聊</code></td>
												<td><code class="btn-warning">来路保护</code></td>
												<td><code class="btn-warning">指定地址</code></td>
											</tr>
											<tr>
												<td><code class="btn-success">月限3次</code></td>
												<td><code class="btn-success">审查小号</code></td>
												<td><code class="btn-success">审查信誉</code></td>
												<td><code class="btn-success">禁止新人</code></td>
											</tr>
										</table>
									</td>
									<td width="6%"><a class="btn btn-primary btn-small">接手</a></td>
								</tr>
								</c:forEach>
							
								
							
								
							</tbody>
						</table>
					</div>
				</div>
			</div>
	
			<%@ include file="/common/footer.jsp"%>
		</div>

		<script src="js/lib/jquery.js"></script>
		<script src="js/lib/bootstrap/bootstrap.js"></script>
		<script src="js/lib/underscore-min.js"></script>
		<script src="js/lib/backbone-min.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			setHeader("room");
			var thead = $("#thead tr:first-child").children();
			$.each($("#tbody tr:first-child").children(), function(index){
				var th = thead[index];
				var tr= $(this);
				var width = tr.css("width");
				$(thead[index]).css("width", $(this).css("width"));
			});
		</script>
	</body>
</html>